<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <link href="libs/weui/weuix.min.css" rel="stylesheet" />
    <link href="libs/swipe/swiper.min.css" rel="stylesheet" />
    <link href="css/common.css" rel="stylesheet"/>
    <link href="css/service.css" rel="stylesheet" />
    <title>便民服务</title>
</head>
<body class="page-bg">
    <div class="weui_tab tab-bottom">
        <div class="weui_btn_warn weui-header ">
            <div class="weui-header-left"> <a href="javascript:window.history.go(-1);" class="icon icon-109 f-white"></a>  </div>
            <h1 class="weui-header-title">便民服务</h1>
            <div class="weui-header-right">
                <!--<a class="icon icon-22 f-white"></a>-->
            </div>
        </div>
        <div class="weui_tab_bd">
            <div class="bm_service">

            </div>
        </div>
        <div class="weui_tabbar" id="nav_bar" index="3"></div>
    </div>
</body>
<script type="text/html" id="nav_bar_tpl">
    {{each list value index}}
    <a href="{{list[index].url}}" class="weui_tabbar_item">
        <div class="weui_tabbar_icon">
            <img class="def" src="imgs/{{list[index].enName}}-icon.png" alt="{{list[index].zh}}">
            <img class="over" src="imgs/{{list[index].enName}}-icon-over.png" alt="{{list[index].zh}}">
        </div>
        <p class="weui_tabbar_label">{{list[index].zh}}</p>
    </a>
    {{/each}}
</script>
<script type="text/html" id="services_tpl">
    {{each result value index}}
    <h4>{{result[index].name}}</h4>
    <div class="weui_grids grids-small">
        {{each result[index].services value j}}
            {{if result[index].services[j].childrenCount>0}}
            <a href="services_child.html?parentId={{result[index].services[j].id}}&title={{result[index].services[j].name}}" class="grid" data-id="{{result[index].services[j].id}}">
                <div class="weui_grid_icon">
                    <img src="{{result[index].services[j].iconUrl}}" alt="{{result[index].services[j].name}}" />
                </div>
                <p class="weui_grid_label">
                    {{result[index].services[j].name}}
                </p>
            </a>
            {{/if}}
        {{/each}}

    </div>
    {{/each}}
</script>
<script type="text/javascript" src="libs/zepto/zepto.min.js"></script>
<script type="text/javascript" src="libs/zepto/zepto.cookie.min.js"></script>
<script type="text/javascript" src="libs/swipe/swiper.min.js"></script>
<script type="text/javascript" src="libs/artTemplate/template.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script src="components/service.js"></script>
</html>